<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>Handbag</title>
        <meta name="description" content="Handbag" />

        <script src="../../../assets/js/jquery-1.4.4.min.js"></script>

        <style>
            *{margin:0px; padding:0px;font-family:arial;font-size:12px}
            .container {
                width:900px;
                margin:auto;
            }
        </style>
    </head>
    <body>
        <div class="container">

            <!-- PRODUCT DETAILS WIDGET -->
            <div id="product_detail_wi_1" class="product_detail_0">
                <div id="info_product">
                    <div id="info_product_left">
                        <script type="text/javascript">
                            $(document).ready(function(){
                                $('.product_detail_0 .slider1').tinycarousel();	
                                $(".img_thumb").click(function(){ 
                                    var attr= $(this).attr('href');
                                    $('#product_detail_wi_1 #img_product .grand_img').attr('src',attr);
                                    return false;
                                });
                            });
                        </script>

                        <div id="img_product"><a href="images/p1.jpg" ><img src="images/p1.jpg" alt=""/></a></div>
                        <div class="slider1 list_img" >
                            <a class="buttons prev" href="#">left</a>
                            <div class="viewport">
                                <ul class="overview">
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                    <li><a class="img_thumb" href="images/p1.jpg" rel="image_group"><img src="images/p1.jpg" alt=""/></a></li>
                                </ul>
                            </div>
                            <a class="buttons next" href="#">right</a>
                        </div>	
                    </div>
                    <!--END info_product_left-->	
                    <div id="info_product_right">
                        <div class="title_product_wrapper">
                            <div id="title_product">eGo-C A type atomizer pack</div>
                            <div id="id_product">Product: BB-ELKFF</div>
                        </div>
                        <!-- End .title_product_wrapper -->
                        <div class="price_infor_wrapper">
                            <div class="price_infor">
                                <span class="old_price">24,50 €</span>
                                <span class="price">20,50 €</span>
                            </div>
                            <!-- End .price_infor_wrapper -->
                            <div class="add_to_cart_button">
                                <a href="#" class="add_to_cart">Ajouter au panier</a>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="resume_product">Precious metals have always been a detector of 
                            prosperity and high social rank. Just remember that jewelry was always a very inaccessible good for ordinary people. Only kings and emperors, priests and pirates could own the jewelry. Ancients believed that precious stones have always had some magical power that is why jewelry was so rare and prohibitive. Probably we have inherited this weakness. </div>
                        <div class="stock_product">Disponibilité : En stock !</div>
                        <div class="block_info_product">
                            <div class="ref">Référence : 001752</div>
                            <table id="table_attribut">
                                <tr>
                                    <td width="100px"><span class="attribut_product">Couleur</span></td><td>
                                        <select name="color">
                                            <option value="1">blue</option>
                                            <option value="1">blue</option>
                                            <option value="1">blue</option>
                                            <option value="1">blue</option>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td><span class="attribut_product">Quantité</span></td><td>
                                        <select name="color">
                                            <option value="1">1</option>
                                            <option value="2">2</option>
                                            <option value="3">3</option>
                                            <option value="4">4</option>
                                        </select>
                                    </td>
                            </table>
                        </div>
                        <!--END block_info_product-->

                    </div>
                    <!--END info_product_right-->
                </div>
                <!--END info_product-->	
            </div>
            <!-- END PRODUCT DETAILS WIDGET -->

        </div>
    </body>
</html>